<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    .scroll::-webkit-scrollbar{ width: 7px; height: 7px; }/* 必填 */
    .scroll::-webkit-scrollbar-track{ background-color: #b46868; }/* 滑动背景 */
    .scroll::-webkit-scrollbar-thumb{ border: 1px solid; border-radius: 5px; }/* 滑块颜色 */
    .scroll::-webkit-scrollbar-corner{ border: 1px solid; border-radius: 5px; }/* 纵横相交角 */
    .scroll::-webkit-scrollbar-button{ background-color: rgba(0, 0, 0, 0.2); }/* 滑轨两头 */

    #a{
      width: 400px;
      height: 400px;
      color: #fff;
      background-color: #333;
      overflow: scroll;
    }
    #b{
      width: 600px;
      height: 600px;
    }
  </style>
</head>
<body>
<div id="a" class="scroll"><div id="b"></div></div>
</body>
</html>